<!--
- Copyright (C) 2024 HiHope Open Source Organization.
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
-   http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Main Page with iframe</title>
</head>
<body>
<h2>Main Page</h2>
<!-- 嵌入iframe -->
<button onclick="loadIframePage()">Load iframe Page</button>
<iframe id="myIframe" src="https://www.example.com" width="600" height="400"></iframe>

</body>

<script>
    function loadIframePage() {
        let iframe = document.getElementById('myIframe');
        iframe.src = 'iframe_page.html';
    }
</script>
</html>